<template>
    <div class="list-page">
    	<a class="iconfont icon-zuojiantou"  @click="lastPage"></a>
         <span><b>{{current}}</b>/{{pages}}</span>
        <a class="iconfont icon-youjiantou" @click="nextPage"></a>
    </div>
</template>
<script>
export default {
  name:'simplePager',
  data(){
     return {
             currentpage: this.current
            }
  },
  props:{
      current:{  //当前页数
          type:Number,
          default:1
      },
      total:{  //总条数
          type:Number,
          default:0
      },
      rows:{  //每页个数
          type:Number,
          default:10
      }
  },
  computed:{
      pages(){
          return  Math.ceil(this.total/this.rows)
      }
  },
  methods:{
     lastPage(){
       if(this.currentpage-1<=0)
            return;
        this.currentpage--;
        this.$emit('update:current',this.currentpage)
        this.$emit('change',this.currentpage)
     },
     nextPage(){
        if(this.currentpage+1>this.pages)
            return;
        this.currentpage++;
        this.$emit('update:current',this.currentpage),
        this.$emit('change',this.currentpage)
     }
  }
}
</script>
<style>

</style>

